<template>
	<view style="height: 100vh;width: 750rpx;background-color: #F5F5F8;">
		<view>
			<uni-search-bar @confirm="search" @input="input()" placeholder="名称搜索" :radius="100" clearButton="none" cancelButton="none" bgColor="#ffffff"></uni-search-bar>
		</view>
		<view style="height: 210rpx;width: 690rpx;margin-left: 30rpx;margin-top: 20rpx;background-color: #FFFFFF;border-radius: 12rpx;" @click="gotoXQ()">
			<view style="font-size: 36rpx;line-height: 36rpx;padding-top: 30rpx;margin-left: 30rpx;">下应街道避灾中心</view>
			<view style="font-size: 28rpx;line-height: 28rpx;color: #666666;margin-top: 20rpx;margin-left: 30rpx;">李关娣中学</view>
			<view style="width: 108rpx;height: 36rpx;color: #FF4D4F;background-color: rgba(255, 77, 79, 0.12);font-size: 24rpx;line-height: 36rpx;margin-top: 30rpx;margin-left: 30rpx;text-align: center;border-radius: 4rpx;">4处隐患</view>
		</view>
		<image src="../../static/share_btn@3x.png" style="position: fixed;width: 154rpx;height: 154rpx;bottom: 40rpx;right: 20rpx;"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gotoXQ(){
				uni.navigateTo({
					url:`./yinhuanDXQ`
				})
			}
		}
	}
</script>

<style>

</style>
